<#assign basePath=request.contextPath>
<#include "${basePath}/include.ftl" >
<link rel="stylesheet" type="text/css" href="${basePath}/layui2.4/dtree/dtree.css"/>
<link rel="stylesheet" type="text/css" href="${basePath}/layui2.4/dtree/font/iconfont.css"/>
<script type="text/javascript" src="${basePath}/layui2.4/pack/dtree.js"></script>
<link rel="stylesheet" type="text/css" href="${basePath}/layui2.4/dtree/mineDtree.css"/>

<body>
    <div class="layui-container" style="padding: 15px 20px 20px 20px;">
        <form class="layui-form layui-form-pane" action="" id="form">
            <div class="layui-form-item" >
                <label class="layui-form-label layui-input-required">角色名称:</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" autocomplete="off" placeholder="请输入角色名称" class="layui-input" validate="required" >
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label layui-input-required">权限字符:</label>
                <div class="layui-input-block">
                    <input type="text" name="roleKey" autocomplete="off" placeholder="请输入权限字符" class="layui-input" validate="required" >
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label layui-input-required">显示顺序:</label>
                <div class="layui-input-block">
                    <input type="number" name="roleSort" autocomplete="off" placeholder="请输入显示顺序" class="layui-input" validate="required">
                </div>
            </div>

            <div class="layui-form-item" pane="">
                <label class="layui-form-label layui-input-required">角色状态:</label>
                <div class="layui-input-block">
                    <input type="radio" name="status" value="0" title="正常" checked="">
                    <input type="radio" name="status" value="1" title="停用">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">备注:</label>
                <div class="layui-input-block">
                    <input type="text" name="remark" autocomplete="off" placeholder="请输入备注" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">菜单权限:</label>
                <div class="dtreehight layui-input-block" data-id="0" align="left">
                    <ul class="menu" id="menuTree" data-id="0"style="padding-left: 20px"/>

                </div>
            </div>
            <input type="hidden" name="menuIds" autocomplete="off" class="layui-input" readonly="true"
                   style="background-color: #eee;"  id="menuIds" value="" >
        </form>
    </div>
</body>
<script type="text/javascript" src="${baseApp}/system/role/role_insert.js"></script>
